cssprint

2023年10月10日—今日學習重點↓了解如何設定列印樣式了解如何防止元素換頁時被截半了解如何處理列印頁面網頁需要列印的情況，通常是一些表單頁面（收據、報告等）。,2024年1月26日—Printing·Usingaprintstylesheet·Usingmediaqueriesand@pagetocontrolprintedcontent·Detectingprintrequests·Examples·Seealso.,今天要來介紹一個比較不常用的東西，那就是CSS中的列印，在以前常常會將網頁列印出來，所以經常會使用到這個屬性，...

參考資訊如下
25 CSS 列印的小技巧：@media print、break

2023年10月10日 — 今日學習重點↓ 了解如何設定列印樣式了解如何防止元素換頁時被截半了解如何處理列印頁面網頁需要列印的情況，通常是一些表單頁面（收據、報告等）。

Printing - CSS: Cascading Style Sheets

2024年1月26日 — Printing · Using a print style sheet · Using media queries and @page to control printed content · Detecting print requests · Examples · See also.

CSS - 網頁列印與樣式 - iT 邦幫忙

今天要來介紹一個比較不常用的東西，那就是 CSS 中的列印，在以前常常會將網頁列印出來，所以經常會使用到這個屬性，時到今日，使用的時機越來越少，只有一些報表有用 ...

CSS 筆記

2023年3月2日 — 目前工作遇到EDM，也有設定列印的需求，無論從網站或是PDF，可以透過CSS print 的設定來調整相關細節，藉此筆記一下。

利用CSS的@media print控制網頁列印時的版面樣式

2022年7月27日 — 一般我們在設定CSS時，都以瀏覽器為主，比較少針對列印時的版面來作控制，直到最近梅干一個朋友，問到梅干要怎麼讓輸入出時，把版面控制在一頁中，說 ...

在網頁當中如何設定列印格式?(CSS的media print設定)

2023年5月4日 — @media print是一種CSS媒體查詢，可以用來控制網頁在列印時的樣式。使用@media print可以為列印樣式定義不同的CSS屬性和值，以便在列印時呈現不同的外觀和 ...

media print 你是誰？. 前陣子

2020年3月28日 — 這個功能的好處是，讓你可以不用一直滑鼠右鍵→列印，確認轉檔的PDF 畫面。而是像平時切版一樣，可以透過更改CSS 即時調整畫面。 不過，這個功能也不是 ...

CSS 控制網頁列印的元素與樣式

2023年4月16日 — 於CSS中加上@media print即可控制網頁列印的元素與樣式，@page可以指定間距與列印尺寸，把不要列印的元素用display:none;隱藏即可，用page-break-inside來 ...

關於@media print 的二三事..

2018年3月13日 — 兩種撰寫@media print 的方式: CSS 檔分為screen 及print 兩種格式。 1 2

其實Css的內心還住著一位Print

這問題可能是你header 是用fixed 做的， fixed 在列印的時候，每頁都會印出來(只有列印才會出現這情況)，所以列印的時候，可以改成其他定位方式，或是讓fixed 失效。